﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Bang-gia.aspx.cs" Inherits="famails.Bang_gia" MasterPageFile="~/famails.Master" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <style>
        div {
            border-color:#333;
        }
    </style>
    <div class="main-page" style="padding-top: 20px; padding-bottom: 20px;
            font-family: 'Patrick Hand', cursive;">
    <div class="col-md-1 col-lg-1 hidden-sm hidden-xs"></div>
    <div class="col-md-10 col-lg-10 col-sm-12 col-xs-12">

    <div class="col-md-12 col-lg-12 visible-md visible-lg" style="padding:10px 0px;">
            <label style="padding:5px 30px;color:#fff;border:1px solid #fff;font-weight:bold;font-size:22px;margin-bottom:20px;background:#3B88C3;">
                 Bảng giá
            </label>
            <div class="col-md-12" style="padding:0px;height:100px;text-align:center">
                <div class="col-md-12" style="padding:0px;">
                    <div class="col-md-2" style="height:110px;padding:0px;border:1px solid #ccc;border-bottom:0px">
                    
                    </div>
            <asp:Repeater ID="rptGoiDichVu" runat="server">
                <ItemTemplate>
                    <div class="col-md-2" style="height:110px;padding:0px;border:1px solid #ccc;border-bottom:0px">
                        <div style="width:100%;background:#ffd;color:#fff;padding-top:10px;padding-bottom:10px;color:#3b88c3;border-bottom:1px solid #ccc;">
                            <span style="position:relative;font-size:40px;">
                                <span style="position:absolute;left:-15px;top:0px; font-size:24px;font-weight:normal;">
                                    $</span><%#Eval("totalFee") %><span style="position:absolute;left:100%;bottom:0px;font-size:14px;font-weight:normal;">/tháng</span></span><br>
                            <span style="color:#555;font-size:17px;font-weight:bold;"> <%#Eval("PackageName") %></span>
                        </div>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
                </div>
            </div>
            <div class="col-md-12" style="padding:0px;text-align:center">
                <div class="col-md-2" style="padding:0px;border:1px solid #ccc;border-top:0px;">
                    <asp:Repeater ID="rptNameFunction" runat="server" >
                        <ItemTemplate>
                            <div class="col-md-12" style="height:30px;font-size:15px;color:#333;height:50px;text-align:left;padding:6px;padding-right:0px;border-top:1px solid #ccc;">
                                <%# Eval("functionName") %>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                </div>

        <asp:Repeater ID="rptMain" runat="server">
            <ItemTemplate>
                <div class="col-md-2" style="padding:0px;border:1px solid #ccc;border-top:0px;">
                    <div class="col-md-12" style="height:50px;text-align:center;background:#ffd;padding:10px;border-top:1px solid #ccc;">
                        <a class="ajax register" style="color:#fff;text-decoration:none;" href="Register.aspx?packageId=<%#Eval("packageId") %>">
                            <div style="width:100%;line-height:30px;background:#3b88c3;">
                                 Đăng ký
                            </div>
                        </a>
                    </div>
                    <asp:Repeater ID="rptSudungChucnang" runat="server" DataSource='<%# display.LoadFunctionPackage(Convert.ToInt32(Eval("packageid"))) %>'>
                        <ItemTemplate>
                            <div class="col-md-12" style="height:50px;text-align:center;padding:10px;border-top:1px solid #ccc;">
                                <div style="width:100%;line-height:30px;color:#3b88c3">
                                     <i class='fa <%#Eval("isUse")+""=="yes"?"fa-check":"" %>' style="font-size:24px;"  ></i>
                                     <%#(Eval("isuse")+""!="yes"&&Eval("isuse")+""!="no")?Eval("isuse"):"" %>
                                </div>
                            </div>
                        </ItemTemplate>
                    </asp:Repeater>
                    <div class="col-md-12" style="height:50px;text-align:center;background:#ffd;padding:10px;border-top:1px solid #ccc;">
                        <a class="ajax register" style="color:#fff;text-decoration:none;" href="Register.aspx?packageId=<%#Eval("packageId") %>">
                            <div style="width:100%;line-height:30px;background:#3b88c3;">
                                 Đăng ký
                            </div>
                        </a>
                    </div>
                </div>
            </ItemTemplate>
        </asp:Repeater>
            </div>
    </div>
    <div class="col-xs-12 visible-xs col-sm-12 visible-sm">
            <div class="col-xs-6 col-sm-3" style="padding:10px;">
                <div style="width:100%;border:1px solid #3b88c3;background:#ffd;text-align:center;color:#3b88c3;">
                    <span style="position:relative;font-size:40px;"><span style="position:absolute;left:-15px;top:0px; font-size:24px;font-weight:normal;">$</span>
                        2
                        <span style="position:absolute;bottom:0px;font-size:14px;font-weight:normal;">/tháng</span></span><br>
                    <span style="color:#555;font-size:16px;font-weight:bold;color:#f40">
                        Gói Dùng thử
                    </span><br/>
                <div style="padding:10px;">
                    <a class="ajax register" style="color:#fff;text-decoration:none;" href="Register.aspx?packageId=20">
                    <div style="background:#3b88c3;color:#fff;font-size:16px;font-weight:bold;width:100%;padding:10px 20px;">Đăng ký</div>
                    </a>
                </div>
                    <div style="font-size:16px;width:100%;padding:5px;">
                        Hạn ngạch 50 Mail

                    </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3" style="padding:10px;">
                <div style="width:100%;border:1px solid #3b88c3;background:#ffd;text-align:center;color:#3b88c3;">
                <span style="position:relative;font-size:40px;"><span style="position:absolute;left:-15px;top:0px; font-size:24px;font-weight:normal;">$</span>
                    9
                    <span style="position:absolute;bottom:0px;font-size:14px;font-weight:normal;">/tháng</span></span><br>
                <span style="color:#555;font-size:16px;font-weight:bold;color:#f40">
                    Gói Autoresponder
                </span><br/>
                <div style="padding:10px;">
                    <a class="ajax register" style="color:#fff;text-decoration:none;" href="Register.aspx?packageId=21">
                    <div style="background:#3b88c3;color:#fff;font-size:16px;font-weight:bold;width:100%;padding:10px 20px;">Đăng ký</div>
                    </a>
                </div>
                <div style="font-size:16px;width:100%;padding:5px;">
                    Hạn ngạch 500 Mail

                </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3" style="padding:10px;">
                <div style="width:100%;border:1px solid #3b88c3;background:#ffd;text-align:center;color:#3b88c3;">
                <span style="position:relative;font-size:40px;"><span style="position:absolute;left:-15px;top:0px; font-size:24px;font-weight:normal;">$</span>
                    59
                    <span style="position:absolute;bottom:0px;font-size:14px;font-weight:normal;">/tháng</span></span><br>
                <span style="color:#555;font-size:16px;font-weight:bold;color:#f40">
                    GÓI Starter
                </span><br/>
                <div style="padding:10px;">
                    <a class="ajax register" style="color:#fff;text-decoration:none;" href="Register.aspx?packageId=22">
                    <div style="background:#3b88c3;color:#fff;font-size:16px;font-weight:bold;width:100%;padding:10px 20px;">Đăng ký</div>
                    </a>
                </div>
                <div style="font-size:16px;width:100%;padding:5px;">
                    Hạn ngạch 5,000 Mail

                </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3" style="padding:10px;">
                <div style="width:100%;border:1px solid #3b88c3;background:#ffd;text-align:center;color:#3b88c3;">
                <span style="position:relative;font-size:40px;"><span style="position:absolute;left:-15px;top:0px; font-size:24px;font-weight:normal;">$</span>
                    135
                    <span style="position:absolute;bottom:0px;font-size:14px;font-weight:normal;">/tháng</span></span><br>
                <span style="color:#555;font-size:16px;font-weight:bold;color:#f40">
                    Gói Basic
                </span><br/>
                <div style="padding:10px;">
                    <a class="ajax register" style="color:#fff;text-decoration:none;" href="Register.aspx?packageId=23">
                    <div style="background:#3b88c3;color:#fff;font-size:16px;font-weight:bold;width:100%;padding:10px 20px;">Đăng ký</div>
                    </a>
                </div>
                <div style="font-size:16px;width:100%;padding:5px;">
                    Hạn ngạch 50,000 Mail

                </div>
                </div>
            </div>
            <div class="col-xs-6 col-sm-3" style="padding:10px;">
                <div style="width:100%;border:1px solid #3b88c3;background:#ffd;text-align:center;color:#3b88c3;">
                <span style="position:relative;font-size:40px;"><span style="position:absolute;left:-15px;top:0px; font-size:24px;font-weight:normal;">$</span>
                    220
                    <span style="position:absolute;bottom:0px;font-size:14px;font-weight:normal;">/tháng</span></span><br>
                <span style="color:#555;font-size:16px;font-weight:bold;color:#f40">
                    Gói Professional
                </span><br/>
                <div style="padding:10px;">
                    <a class="ajax register" style="color:#fff;text-decoration:none;" href="Register.aspx?packageId=24">
                    <div style="background:#3b88c3;color:#fff;font-size:16px;font-weight:bold;width:100%;padding:10px 20px;">Đăng ký</div>
                    </a>
                </div>
                
                  <div style="font-size:16px;width:100%;padding:5px;">
                    Hạn ngạch 100,000 Mail
                </div>
                </div>
            </div>
    </div>
    </div>
    <div class="col-md-1 col-lg-1 hidden-sm hidden-xs"></div>
    </div>
</asp:Content>


